﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="NJL.Web.Login" %>
<%@ Register Src="Controls/WUCHeader1.ascx" TagName="WUCHeader1" TagPrefix="uc1" %>
<%@ Register Src="Controls/WUCFooter1.ascx" TagName="WUCFooter1" TagPrefix="uc2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>登录-农家乐网</title>
    <link href="Styles/base1.css" rel="stylesheet" type="text/css" />
    <link href="Styles/manage.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/md5.js" type="text/javascript"></script>
    <script type="text/javascript">
        function checkEmail() {
            var txtEmail = document.getElementById("<%=txtEmail.ClientID %>").value;
            txtEmail = $.trim(txtEmail);
            if (txtEmail == "") {
                alert("电子邮件地址不能为空哦^_^");
                return false;
            }
            var txtPwdEmail = document.getElementById("<%=txtPwdEmail.ClientID %>").value;
            txtPwdEmail = $.trim(txtPwdEmail);
            if (txtPwdEmail == "") {
                alert("密码不能为空哦^_^");
                return false;
            }
            document.getElementById("<%=hidEmail.ClientID %>").value = md5(txtPwdEmail);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:HiddenField ID="hidEmail" runat="server" />
    <uc1:WUCHeader1 ID="WUCHeader11" runat="server" />
    <div class="cleanFlex managecont">
        <div class="m_top_10"></div>
        <!--top信息-->
        <div class="registinfo">
            <p>
                回归田园生活，感受乡村气息！</p>
        </div>
        <!--登录-->
        <div class="reg" style="height:450px;">
            <h1>游民登录</h1>
            <div class="side f_left" style="margin-left:20px">
                <div class="other">
                    <div class="reglogin">
                        还没有注册？<span  class="greenlink"><a href="/Register.aspx">马上注册农家乐</a></span>
                    </div>
                    <p>或者你也可以用以下网站帐号登录本网站</p>

                    <div class="loginother">
                        <a id="aIndexLoginQQ" style="cursor:pointer" class="qqlogin">QQ账号登录</a>
                        <a id="aIndexLoginSina" style="cursor:pointer" class="sinalogin">新浪微博登录</a>
                        <a id="aIndexLoginRenren" style="cursor:pointer" class="renrenlogin">人人网账号登录</a>
                        <a id="aIndexLoginQQ2" style="width:66px; top: 116px; left: 3px; height: 67px; cursor:pointer" title="QQ账号登录"></a>
                        <a id="aIndexLoginRenren2" style="width:130px; top: 116px; left: 104px; height: 69px; cursor:pointer" title="人人网账号登录"></a>
                        <a id="aIndexLoginSina2" style="width:66px; top: 119px; left: 261px; height: 67px; cursor:pointer" title="新浪微博登录"></a>
                    </div>
                </div>
            </div>
    <!--QQ LOGIN-->
    <script type="text/javascript">
        var openDivIndexLoginQQ;
        $(document).ready(function () {
            openDivIndexLoginQQ = new PopupLayer({ trigger: "#aIndexLoginQQ", popupBlk: "#blkIndexLoginQQ", closeBtn: "#aIndexLoginQQClose", useOverlay: true, useFx: true,
                offsets: {
                    x: 0,
                    y: -41
                }
            });
            openDivIndexLoginQQ.doEffects = function (way) {
                if (way == "open") {
                    this.popupLayer.css({ opacity: 0.3 }).show(400, function () {
                        this.popupLayer.animate({
                            left: ($(document).width() - this.popupLayer.width()) / 2,
                            top: (document.documentElement.clientHeight - this.popupLayer.height()) / 2 + $(document).scrollTop(),
                            opacity: 0.8
                        }, 1000, function () { this.popupLayer.css("opacity", 1) } .binding(this));
                    } .binding(this));
                    sessAjax();
                    document.getElementById("iFrameIndexLoginQQ").src = '<%=WEBSITE_USRE_DOMAIN %>/logintoqq.aspx?websitecode=<%=WEBSITE_CODE %>&domain=<%=WEBSITE_DOMAIN %>&url=<%=FROM_URL %>&logintype=opendiv';
                }
                else {
                    this.popupLayer.animate({
                        left: this.trigger.offset().left,
                        top: this.trigger.offset().top,
                        opacity: 0.1
                    }, { duration: 500, complete: function () { this.popupLayer.css("opacity", 1); this.popupLayer.hide() } .binding(this) });
                }
            }
        }
      );
    </script>
    <div id="blkIndexLoginQQ" class="blk" style="width:585px;height:560px">
        <div class="popup_title">
            <span class="f_right"><a href="javascript:void(0)" id="aIndexLoginQQClose">关闭</a></span>
            <ul>
                <li class="now"><a target="main">登录</a></li>
                <li><strong class="green font14">乡村旅游第一网已与腾讯合作，支持QQ号码直接登录。</strong></li>
            </ul>
        </div>
        <div>
            <iframe id="iFrameIndexLoginQQ" name="main" width="550" height="520" style="overflow: hidden; border: none;" frameborder="no"></iframe>
        </div>
    </div>
    <!--QQ LOGIN 2 -->
    <script type="text/javascript">
        var openDivIndexLoginQQ2;
        $(document).ready(function () {
            openDivIndexLoginQQ2 = new PopupLayer({ trigger: "#aIndexLoginQQ2", popupBlk: "#blkIndexLoginQQ2", closeBtn: "#aIndexLoginQQ2Close", useOverlay: true, useFx: true,
                offsets: {
                    x: 0,
                    y: -41
                }
            });
            openDivIndexLoginQQ2.doEffects = function (way) {
                if (way == "open") {
                    this.popupLayer.css({ opacity: 0.3 }).show(400, function () {
                        this.popupLayer.animate({
                            left: ($(document).width() - this.popupLayer.width()) / 2,
                            top: (document.documentElement.clientHeight - this.popupLayer.height()) / 2 + $(document).scrollTop(),
                            opacity: 0.8
                        }, 1000, function () { this.popupLayer.css("opacity", 1) } .binding(this));
                    } .binding(this));
                    sessAjax();
                    document.getElementById("iFrameIndexLoginQQ2").src = '<%=WEBSITE_USRE_DOMAIN %>/logintoqq.aspx?websitecode=<%=WEBSITE_CODE %>&domain=<%=WEBSITE_DOMAIN %>&url=<%=FROM_URL %>&logintype=opendiv';
                }
                else {
                    this.popupLayer.animate({
                        left: this.trigger.offset().left,
                        top: this.trigger.offset().top,
                        opacity: 0.1
                    }, { duration: 500, complete: function () { this.popupLayer.css("opacity", 1); this.popupLayer.hide() } .binding(this) });
                }
            }
        }
      );
    </script>
    <div id="blkIndexLoginQQ2" class="blk" style="width:585px;height:560px">
        <div class="popup_title">
            <span class="f_right"><a href="javascript:void(0)" id="aIndexLoginQQ2Close">关闭</a></span>
            <ul>
                <li class="now"><a target="main">登录</a></li>
                <li><strong class="green font14">乡村旅游第一网已与腾讯合作，支持QQ号码直接登录。</strong></li>
            </ul>
        </div>
        <div>
            <iframe id="iFrameIndexLoginQQ2" name="main" width="550" height="520" style="overflow: hidden; border: none;" frameborder="no"></iframe>
        </div>
    </div>

    <!--SINA LOGIN-->
    <script type="text/javascript">
        var openDivIndexLoginSina;
        $(document).ready(function () {
            openDivIndexLoginSina = new PopupLayer({ trigger: "#aIndexLoginSina", popupBlk: "#blkIndexLoginSina", closeBtn: "#aIndexLoginSinaClose", useOverlay: true, useFx: true,
                offsets: {
                    x: 0,
                    y: -41
                }
            });
            openDivIndexLoginSina.doEffects = function (way) {
                if (way == "open") {
                    this.popupLayer.css({ opacity: 0.3 }).show(400, function () {
                        this.popupLayer.animate({
                            left: ($(document).width() - this.popupLayer.width()) / 2,
                            top: (document.documentElement.clientHeight - this.popupLayer.height()) / 2 + $(document).scrollTop(),
                            opacity: 0.8
                        }, 1000, function () { this.popupLayer.css("opacity", 1) } .binding(this));
                    } .binding(this));
                    sessAjax();
                    document.getElementById("iFrameIndexLoginSina").src = '<%=WEBSITE_USRE_DOMAIN %>/logintosina.aspx?websitecode=<%=WEBSITE_CODE %>&domain=<%=WEBSITE_DOMAIN %>&url=<%=FROM_URL %>&logintype=opendiv';
                }
                else {
                    this.popupLayer.animate({
                        left: this.trigger.offset().left,
                        top: this.trigger.offset().top,
                        opacity: 0.1
                    }, { duration: 500, complete: function () { this.popupLayer.css("opacity", 1); this.popupLayer.hide() } .binding(this) });
                }
            }
        }
      );
    </script>
    <div id="blkIndexLoginSina" class="blk" style="width:575px;height:420px">
        <div class="popup_title">
            <span class="f_right"><a href="javascript:void(0)" id="aIndexLoginSinaClose">关闭</a></span>
            <ul>
                <li class="now"><a target="main">登录</a></li>
                <li><strong class="green font14">乡村旅游第一网已与新浪微博合作，支持新浪微博帐号直接登录。</strong></li>
            </ul>
        </div>
        <div>
            <iframe id="iFrameIndexLoginSina" name="main" width="570" height="370" style="overflow: hidden; border: none;" frameborder="no"></iframe>
        </div>
    </div>
    <!--SINA LOGIN 2-->
    <script type="text/javascript">
        var openDivIndexLoginSina2;
        $(document).ready(function () {
            openDivIndexLoginSina2 = new PopupLayer({ trigger: "#aIndexLoginSina2", popupBlk: "#blkIndexLoginSina2", closeBtn: "#aIndexLoginSina2Close", useOverlay: true, useFx: true,
                offsets: {
                    x: 0,
                    y: -41
                }
            });
            openDivIndexLoginSina2.doEffects = function (way) {
                if (way == "open") {
                    this.popupLayer.css({ opacity: 0.3 }).show(400, function () {
                        this.popupLayer.animate({
                            left: ($(document).width() - this.popupLayer.width()) / 2,
                            top: (document.documentElement.clientHeight - this.popupLayer.height()) / 2 + $(document).scrollTop(),
                            opacity: 0.8
                        }, 1000, function () { this.popupLayer.css("opacity", 1) } .binding(this));
                    } .binding(this));
                    //sessAjax();
                    document.getElementById("iFrameIndexLoginSina2").src = '<%=WEBSITE_USRE_DOMAIN %>/logintosina.aspx?websitecode=<%=WEBSITE_CODE %>&domain=<%=WEBSITE_DOMAIN %>&url=<%=FROM_URL %>&logintype=opendiv';
                }
                else {
                    this.popupLayer.animate({
                        left: this.trigger.offset().left,
                        top: this.trigger.offset().top,
                        opacity: 0.1
                    }, { duration: 500, complete: function () { this.popupLayer.css("opacity", 1); this.popupLayer.hide() } .binding(this) });
                }
            }
        }
      );
    </script>
    <div id="blkIndexLoginSina2" class="blk" style="width:575px;height:420px">
        <div class="popup_title">
            <span class="f_right"><a href="javascript:void(0)" id="aIndexLoginSina2Close">关闭</a></span>
            <ul>
                <li class="now"><a target="main">登录</a></li>
                <li><strong class="green font14">乡村旅游第一网已与新浪微博合作，支持新浪微博帐号直接登录。</strong></li>
            </ul>
        </div>
        <div>
            <iframe id="iFrameIndexLoginSina2" name="main" width="570" height="370" style="overflow: hidden; border: none;" frameborder="no"></iframe>
        </div>
    </div>

    <!--RENREN LOGIN-->
    <script type="text/javascript">
        var openDivIndexLoginRenren;
        $(document).ready(function () {
            openDivIndexLoginRenren = new PopupLayer({ trigger: "#aIndexLoginRenren", popupBlk: "#blkIndexLoginRenren", closeBtn: "#aIndexLoginRenrenClose", useOverlay: true, useFx: true,
                offsets: {
                    x: 0,
                    y: -41
                }
            });
            openDivIndexLoginRenren.doEffects = function (way) {
                if (way == "open") {
                    this.popupLayer.css({ opacity: 0.3 }).show(400, function () {
                        this.popupLayer.animate({
                            left: ($(document).width() - this.popupLayer.width()) / 2,
                            top: (document.documentElement.clientHeight - this.popupLayer.height()) / 2 + $(document).scrollTop(),
                            opacity: 0.8
                        }, 1000, function () { this.popupLayer.css("opacity", 1) } .binding(this));
                    } .binding(this));
                    sessAjax();
                    document.getElementById("iFrameIndexLoginRenren").src = '<%=WEBSITE_USRE_DOMAIN %>/renrencallback.aspx?websitecode=<%=WEBSITE_CODE %>&domain=<%=WEBSITE_DOMAIN %>&url=<%=FROM_URL %>&logintype=opendiv';
                }
                else {
                    this.popupLayer.animate({
                        left: this.trigger.offset().left,
                        top: this.trigger.offset().top,
                        opacity: 0.1
                    }, { duration: 500, complete: function () { this.popupLayer.css("opacity", 1); this.popupLayer.hide() } .binding(this) });
                }
            }
        }
      );
    </script>
    <div id="blkIndexLoginRenren" class="blk" style="width:585px;height:400px">
        <div class="popup_title">
            <span class="f_right"><a href="javascript:void(0)" id="aIndexLoginRenrenClose">关闭</a></span>
            <ul>
                <li class="now"><a target="main">登录</a></li>
                <li><strong class="green font14">乡村旅游第一网已与人人网合作，支持人人帐号直接登录。</strong></li>
            </ul>
        </div>
        <div>
            <iframe id="iFrameIndexLoginRenren" name="main" width="580" height="370" style="overflow: hidden; border: none;" frameborder="no"></iframe>
        </div>
    </div>
    <!--RENREN LOGIN 2-->
    <script type="text/javascript">
        var openDivIndexLoginRenren2;
        $(document).ready(function () {
            openDivIndexLoginRenren2 = new PopupLayer({ trigger: "#aIndexLoginRenren2", popupBlk: "#blkIndexLoginRenren2", closeBtn: "#aIndexLoginRenren2Close", useOverlay: true, useFx: true,
                offsets: {
                    x: 0,
                    y: -41
                }
            });
            openDivIndexLoginRenren2.doEffects = function (way) {
                if (way == "open") {
                    this.popupLayer.css({ opacity: 0.3 }).show(400, function () {
                        this.popupLayer.animate({
                            left: ($(document).width() - this.popupLayer.width()) / 2,
                            top: (document.documentElement.clientHeight - this.popupLayer.height()) / 2 + $(document).scrollTop(),
                            opacity: 0.8
                        }, 1000, function () { this.popupLayer.css("opacity", 1) } .binding(this));
                    } .binding(this));
                    sessAjax();
                    document.getElementById("iFrameIndexLoginRenren2").src = '<%=WEBSITE_USRE_DOMAIN %>/renrencallback.aspx?websitecode=<%=WEBSITE_CODE %>&domain=<%=WEBSITE_DOMAIN %>&url=<%=FROM_URL %>&logintype=opendiv';
                }
                else {
                    this.popupLayer.animate({
                        left: this.trigger.offset().left,
                        top: this.trigger.offset().top,
                        opacity: 0.1
                    }, { duration: 500, complete: function () { this.popupLayer.css("opacity", 1); this.popupLayer.hide() } .binding(this) });
                }
            }
        }
      );
    </script>
    <div id="blkIndexLoginRenren2" class="blk" style="width:585px;height:400px">
        <div class="popup_title">
            <span class="f_right"><a href="javascript:void(0)" id="aIndexLoginRenren2Close">关闭</a></span>
            <ul>
                <li class="now"><a target="main">登录</a></li>
                <li><strong class="green font14">乡村旅游第一网已与人人网合作，支持人人帐号直接登录。</strong></li>
            </ul>
        </div>
        <div>
            <iframe id="iFrameIndexLoginRenren2" name="main" width="580" height="370" style="overflow: hidden; border: none;" frameborder="no"></iframe>
        </div>
    </div>

            <div class="main">
                <div class="item">
                    <p class="info"><label>电子邮件(Email)</label></p>
                    <asp:TextBox ID="txtEmail" runat="server" CssClass="input" Style="width: 220px;"></asp:TextBox>
                    <span class="fonterror" runat="server" id="EmailError"></span>
                 
                </div>
                <div class="item">
                    <p class="info"><label>登录密码</label></p>
                    <asp:TextBox ID="txtPwdEmail" runat="server" TextMode="Password" CssClass="input" Style="width: 220px;"></asp:TextBox>
                    <span class="bluelink">
                         <a href="/FindPassword.aspx">忘记密码？</a>
                    </span>
                </div>
                <asp:Button ID="btnEmail" runat="server"  CssClass="claimLogin" OnClientClick="return checkEmail()"  OnClick="btnEmail_Click"  />
            </div>
           <div class="cleanFlex"></div>
        </div>
    </div>
    <uc2:WUCFooter1 ID="WUCFooter11" runat="server" />
    </form>
</body>
</html>
